<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EZ购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！
    </title>
    <!-- 网站说明 -->
    <meta name="description" content="EZ购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 关键字 -->
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <!-- 引入初始化样式文件base -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共的样式文件common -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
    <!-- 引入index.css样式文件 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入导入精灵图的js文件 -->
    <script src="./js/lifeservice_li.js"></script>
    <!-- Vue开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 引入vue.js文件 -->
    <script src="./js/vue.js"></script>

</head>

<body>
    <!-- 快捷导航模块 start -->
    <section class="shortcar">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>EZ购欢迎您！</li>
                    <li>
                        <a href="#">请登录</a>&nbsp;<a href="register.html" class="style_red">请注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow-icon">我的EZ购</li>
                    <li></li>
                    <li>EZ购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow-icon">关注EZ购</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 快捷导航模块 end -->
    <!-- header头部模块制作 start -->
    <header class="header w">
        <!-- logo模块 start-->
        <div class="logo">
            <!-- 加h1是为了提权 -->
            <h1>
                <a href="index.html" title="EZ购商城">EZ购商城</a>
            </h1>
        </div>
        <!-- logo模块 end-->
        <!-- search搜索模块 start -->
        <div class="search">
            <input type="search" name="" id="" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <!-- search搜索模块 end -->
        <!-- hotwords模块制作 start -->
        <div class="hotwords">



            <a href="#" class="style_red"> 优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#"> 9.9元团购</a>
            <a href="#">美满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>
        <!-- hotwords模块制作 end -->
        <!-- shopcar模块制作start -->
        <div class="shopcar">
            我的购物车
            <i class="count">8</i>
        </div>
        <!-- shopcar模块制作end -->

    </header>
    <!-- header头部模块制作 end -->
    <!-- nav模块制作 start -->
    <nav class="nav ">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <li>
                            <a href="#">家用电器</a>
                        </li>
                        <li>
                            <a href="#">手机</a><span>、</span><a href="#">数码</a><span>、</span><a href="#">通信</a>
                        </li>
                        <li>
                            <a href="#">电脑</a><span>、</span><a href="#">办公</a>
                        </li>
                        <li>
                            <a href="#">家居</a><span>、</span><a href="#">家具</a><span>、</span><a href="#">家装</a><span>、</span><a href="#">厨具</a>
                        </li>
                        <li>
                            <a href="#">男装</a><span>、</span><a href="#">女装</a><span>、</span><a href="#">童装</a><span>、</span><a href="#">内衣</a>
                        </li>
                        <li>
                            <a href="#">个人化妆</a><span>、</span><a href="#">清洁用品</a><span>、</span><a href="#">宠物</a>
                        </li>
                        <li>
                            <a href="#">鞋靴</a><span>、</span><a href="#">箱包</a><span>、</span><a href="#">珠宝</a><span>、</span><a href="#">奢侈品</a>
                        </li>
                        <li>
                            <a href="#">运动户外</a><span>、</span><a href="#">钟表</a>
                        </li>
                        <li>
                            <a href="#">汽车</a><span>、</span><a href="#">汽车用品</a>
                        </li>
                        <li>
                            <a href="#">母婴</a><span>、</span><a href="#">玩具乐器</a>
                        </li>
                        <li>
                            <a href="#">食品</a><span>、</span><a href="#">酒类</a><span>、</span><a href="#">生鲜</a><span>、</span><a href="#">特产</a>
                        </li>
                        <li>
                            <a href="#">医药保健</a>
                        </li>
                        <li>
                            <a href="#">图书</a><span>、</span><a href="#">音像</a><span>、</span><a href="#">电子书</a>
                        </li>
                        <li>
                            <a href="#">彩票</a><span>、</span><a href="#">旅行</a><span>、</span><a href="#">充值</a><span>、</span><a href="#">票务</a>
                        </li>
                        <li>
                            <a href="#">理财</a><span>、</span><a href="#">众筹</a><span>、</span><a href="#">白条</a><span>、</span><a href="#">保险</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <li>
                        <a href="#">服装城</a>
                    </li>
                    <li>
                        <a href="#">美妆馆</a>
                    </li>
                    <li>
                        <a href="#">传智超市</a>
                    </li>
                    <li>
                        <a href="#">全球购</a>
                    </li>
                    <li>
                        <a href="#">闪购</a>
                    </li>
                    <li>
                        <a href="#">团购</a>
                    </li>
                    <li>
                        <a href="#">拍卖</a>
                    </li>
                    <li>
                        <a href="#">有趣</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- nav模块制作 end -->

    <!-- 首页专有的模块 main start -->
    <div class="w">
        <div class="main">
            <div class="focus">
                <ul>
                    <li>
                        <img src="upload/focus1.png" alt="图片丢失">
                    </li>
                </ul>
            </div>
            <div class="newsflash">
                <div class="news">
                    <div class="news-hd">
                        <h5>EZ购快报</h5>
                        <a href="#" class="more">更多</a>
                    </div>
                    <div class="news-bd">
                        <ul>
                            <li>
                                <a href="#"><strong>[重磅]</strong>好消息好消息，5G手机只要一块钱！</a>
                            </li>
                            <li>
                                <a href="#"><strong>[重磅]</strong>好消息好消息，iPhone10只要一块钱！</a>
                            </li>
                            <li>
                                <a href="#"><strong>[重磅]</strong>好消息好消息，华硕主板只要一块钱！</a>
                            </li>
                            <li>
                                <a href="#"><strong>[重磅]</strong>好消息好消息，这款华为手机竟然只要一块钱！</a>
                            </li>
                            <li>
                                <a href="#"><strong>[重磅]</strong>好消息好消息，戴尔笔记本电脑竟然只要一块钱！</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="lifeservice">
                    <ul>
                        <li><i></i>
                            <p>话费</p>
                        </li>
                        <li class="del1"><i></i>
                            <p>机票</p>
                            <img src="images/del.png" alt="图片丢失">
                        </li>
                        <li><i></i>
                            <p>电影票</p>
                        </li>
                        <li><i></i>
                            <p>游戏</p>
                        </li>
                        <li><i></i>
                            <p>彩票</p>
                        </li>
                        <li><i></i>
                            <p>加油卡</p>
                        </li>
                        <li><i></i>
                            <p>酒店</p>
                        </li>
                        <li><i></i>
                            <p>火车票</p>
                        </li>
                        <li><i></i>
                            <p>众筹</p>
                        </li>
                        <li><i></i>
                            <p>理财</p>
                        </li>
                        <li><i></i>
                            <p>礼品卡</p>
                        </li>
                        <li><i></i>
                            <p>白条</p>
                        </li>
                    </ul>
                </div>
                <div class="bargain">
                    <img src="upload/bargain1.png" alt="图片丢失">
                </div>
            </div>
            <!-- 左侧弹出菜单start -->
            <div class="service_float" style="display: none;">
                <div class="service_float_left ">
                    <div class="service_float_left_head">
                        <a href="#">家电の馆<i></i></a>
                        <a href="#">家电专卖<i></i></a>
                        <a href="#">家电服务<i></i></a>
                        <a href="#">企业采购<i></i></a>
                        <a href="#">商用电器<i></i></a>
                        <a href="#">以旧换新<i></i></a>
                    </div>
                    <div class="service_float_left_content">
                        <dl class="cate_detail_item ">
                            <dt class="cate_detail_tit"><a href="#">电视<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">超薄电视</a>
                                <a href="#">全面屏电视</a>
                                <a href="#">智能电视</a>
                                <a href="#">教育电视</a>
                                <a href="#">OLED电视</a>
                                <a href="#">智慧屏</a>
                                <a href="#">4K超清电视</a>
                                <a href="#">55英寸</a>
                                <a href="#">65英寸</a>
                                <a href="#">电视配件</a>
                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">空调<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">空调挂机</a>
                                <a href="#">空调柜机</a>
                                <a href="#">中央空调</a>
                                <a href="#">变频空调</a>
                                <a href="#">一级能效</a>
                                <a href="#">移动空调</a>
                                <a href="#">以旧换新</a>
                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">洗衣机<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">滚筒洗衣机</a>
                                <a href="#">洗烘一体机</a>
                                <a href="#">波轮洗衣机</a>
                                <a href="#">迷你洗衣机</a>
                                <a href="#">烘干机</a>
                                <a href="#">洗衣机配件</a>

                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">冰箱<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">多门</a>
                                <a href="#">对开门</a>
                                <a href="#">三门</a>
                                <a href="#">双门</a>
                                <a href="#">冷柜/冰吧</a>
                                <a href="#">酒柜</a>
                                <a href="#">冰箱配件</a>
                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">厨卫大电<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#"> 油烟机</a>
                                <a href="#"> 燃气灶</a>
                                <a href="#"> 烟灶套装</a>
                                <a href="#"> 集成灶</a>
                                <a href="#"> 消毒柜</a>
                                <a href="#"> 洗碗机</a>
                                <a href="#"> 电热水器</a>
                                <a href="#"> 燃气热水器</a>
                                <a href="#"> 空气能热水器</a>
                                <a href="#"> 太阳能热水器</a>
                                <a href="#"> 嵌入式厨电</a>
                                <a href="#"> 烟机灶具配件</a>
                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">厨房小电<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">破壁机</a>
                                <a href="#">电烤箱</a>
                                <a href="#">电饭煲</a>
                                <a href="#">电压力锅</a>
                                <a href="#">电炖锅</a>
                                <a href="#">豆浆机</a>
                                <a href="#">料理机</a>
                                <a href="#">咖啡机</a>
                                <a href="#">电饼铛</a>
                                <a href="#">榨汁机/原汁机</a>
                                <a href="#">电水壶/热水瓶</a>
                                <a href="#">微波炉</a>
                                <a href="#">电热饭盒</a>
                                <a href="#">电火锅</a>
                                <a href="#">养生壶</a>
                                <a href="#">电磁炉</a>
                                <a href="#">面包机</a>
                                <a href="#">空气炸锅</a>
                                <a href="#">面条机</a>
                                <a href="#">电陶炉</a>
                                <a href="#">煮蛋器</a>
                                <a href="#">电烧烤炉</a>

                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">生活电器<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">电风扇</a>
                                <a href="#">冷风扇</a>
                                <a href="#">空气净化器</a>
                                <a href="#">吸尘器</a>
                                <a href="#">除螨仪</a>
                                <a href="#">扫地机器人</a>
                                <a href="#">除湿机</a>
                                <a href="#">干衣机</a>
                                <a href="#">蒸汽拖把/拖地机</a>
                                <a href="#">挂烫机/熨斗</a>
                                <a href="#">电话机</a>
                                <a href="#">饮水机</a>
                                <a href="#">净水器</a>
                                <a href="#">取暖器</a>
                                <a href="#">加湿器</a>
                                <a href="#">毛球修剪器</a>
                                <a href="#">生活电器配件</a>
                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">个护健康<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#"> 剃须刀</a>
                                <a href="#"> 电动牙刷</a>
                                <a href="#"> 电吹风</a>
                                <a href="#"> 美容仪</a>
                                <a href="#"> 洁面仪</a>
                                <a href="#"> 按摩器</a>
                                <a href="#"> 健康秤</a>
                                <a href="#"> 卷/直发器</a>
                                <a href="#"> 剃/脱毛器</a>
                                <a href="#"> 理发器</a>
                                <a href="#"> 足浴盆</a>
                                <a href="#"> 足疗机</a>
                                <a href="#"> 按摩椅</a>
                            </dd>
                        </dl>
                        <dl class="cate_detail_item">
                            <dt class="cate_detail_tit"><a href="#">视听影音<i></i></a></dt>
                            <dd class="cate_detail_con">
                                <a href="#">家庭影院</a>
                                <a href="#">KTV音响</a>
                                <a href="#">迷你音响</a>
                                <a href="#">DVD</a>
                                <a href="#">功放</a>
                                <a href="#">回音壁</a>
                                <a href="#">麦克风</a>
                            </dd>
                        </dl>
                    </div>

                </div>
                <div class="service_float_right ">
                    <ul>
                        <li>
                            <a href="#"><img src="./upload/service_float_right_1.png" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="./upload/service_float_right_2.png" alt=""></a>
                        </li>
                    </ul>

                </div>
            </div>
            <!--左侧弹出菜单end -->
        </div>
    </div>
    <!-- 首页专有的模块 main end -->

    <!-- 推荐模块 start -->
    <div class="recom w ">
        <div class="recom_hd ">
            <img src="images/recom_hd.png " alt="图片丢失 ">
        </div>
        <div class="recom_bd ">
            <ul>
                <li><img src="upload/recom_bd_1.png " alt="图片丢失 "></li>
                <li><img src="upload/recom_bd_2.png " alt="图片丢失 "></li>
                <li><img src="upload/recom_bd_3.png " alt="图片丢失 "></li>
                <li><img src="upload/recom_bd_4.png " alt="图片丢失 "></li>
            </ul>
        </div>
    </div>
    <!-- 推荐模块 end -->

    <!-- 猜你喜欢模块 start -->

    <div class="like w ">
        <div class="like_hd ">
            <h2>猜你喜欢</h2>
            <a href="# " class=" change_a ">换一批 <i><img src="images/change.png " alt="图片丢失 "></i></a>
        </div>
        <div class="like_bd ">
            <ul>
                <li>
                    <img src="upload/like_1.png " alt="图片丢失 ">

                    <h4>阳光美包新款单肩包女
                        <br> 包时尚子母包四件套女
                    </h4>
                    <div class="con ">
                        <span>¥116.00</span>
                    </div>
                </li>
                <li>
                    <img src="upload/like_2.png " alt="图片丢失 ">

                    <h4>爱仕达 30CM炒锅不粘
                        <br> 锅NWG8330E电磁炉炒
                    </h4>
                    <div class="con ">
                        <span>¥99.00</span>
                    </div>
                </li>
                <li>
                    <img src="upload/like_3.png " alt="图片丢失 ">

                    <h4>捷波朗
                        <br> （jabra）BOOSI劲步
                    </h4>
                    <div class="con ">
                        <span>¥245.00</span>
                    </div>
                </li>
                <li>
                    <img src="upload/like_4.png " alt="图片丢失 ">

                    <h4>欧普
                        <br> JYLZ08面板灯平板灯铝
                    </h4>
                    <div class="con ">
                        <span>¥238.00</span>
                    </div>
                </li>
                <li>
                    <img src="upload/like_5.png " alt="图片丢失 ">

                    <h4>三星
                        <br> （G5500）移动联
                    </h4>
                    <div class="con ">
                        <span>¥649.00</span>
                    </div>
                </li>
                <li>
                    <img src="upload/like_6.png " alt="图片丢失 ">

                    <h4>韩国所望
                        <br> 紧致湿润精华露400ml
                    </h4>
                    <div class="con ">
                        <span>¥666.00</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 猜你喜欢模块 end -->

    <!-- 传智播客-有趣区 start -->
    <div class="funny w ">
        <h2>传智播客<span>·</span>有趣区</h2>
        <div class="funny_pro clearfix ">
            <div class="pro_books ">
                <a href="# "><img src="upload/funny_1.png " alt="图片丢失 "></a>
            </div>
            <div class="good_pro ">
                <div class="good_pro_hd ">
                    <h2>好东西</h2>
                </div>
                <div class="good_pro_bd ">
                    <a href="# " class="good_pro_bd_top "><img src="upload/good_pro_bd1.png " alt=" "></a>
                    <a href="# " class="good_pro_bd_bottom "><img src="upload/good_pro_bd2.png " alt=" "></a>
                </div>
            </div>
            <div class="brand ">
                <div class="brand_hd ">
                    <h2>品牌街</h2>
                </div>
                <div class="brand_bd ">
                    <a href="# " class="brand_bd_top "><img src="upload/brand_bd_top.png " alt=" "></a>
                    <ul>
                        <li>
                            <a href="# "><img src="upload/brand_bd_bottom_1.png " alt=" "></a>
                        </li>
                        <li>
                            <a href="# "><img src="upload/brand_bd_bottom_2.png " alt=" "></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="brand_logo ">
                <ul>
                    <li>
                        <a href="# "><img src="upload/brand1.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand2.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand3.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand4.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand5.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand6.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand7.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand8.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand9.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand10.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand11.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand12.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand13.png " alt=" "></a>
                    </li>
                    <li>
                        <a href="# "><img src="upload/brand14.png " alt=" "></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 传智播客-有趣区 end -->

    <!-- 楼层区域制作 start -->
    <div class="floor w ">
        <!-- 1楼家用电器楼层 -->
        <div class="jiadian ">
            <div class="box_hd ">
                <h3>家用电器</h3>
                <div class="tab_list ">
                    <ul>
                        <li>
                            <a href="# " class="style_red ">热门</a>|
                        </li>
                        <li>
                            <a href="# ">大家电</a>|
                        </li>
                        <li>
                            <a href="# ">生活电器</a>|
                        </li>
                        <li>
                            <a href="# ">厨房电器</a>|
                        </li>
                        <li>
                            <a href="# ">个护健康</a>|
                        </li>
                        <li>
                            <a href="# ">应季电器</a>|
                        </li>
                        <li>
                            <a href="# ">空气/净水</a>|
                        </li>
                        <li>
                            <a href="# ">新奇特</a>|
                        </li>
                        <li>
                            <a href="# ">高端电器</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="box_bd ">
                <div class="tab_content ">
                    <div class="tab_list_item ">
                        <div class="col_209 ">
                            <ul>
                                <li>
                                    <a href="# ">节能补贴</a>
                                </li>
                                <li>
                                    <a href="# ">4K电视</a>
                                </li>
                                <li>
                                    <a href="# ">空气净化器</a>
                                </li>
                                <li>
                                    <a href="# ">IH电饭煲</a>
                                </li>
                                <li>
                                    <a href="# ">滚筒洗衣机</a>
                                </li>
                                <li>
                                    <a href="# ">电热水器</a>
                                </li>
                            </ul>
                            <a href="# "><img src="upload/floor-1-1.png " alt=" "></a>
                        </div>
                        <div class="col_329 ">
                            <a href="# "><img src="upload/floor-1-2.png " alt=" "></a>
                        </div>
                        <div class="col_220 ">
                            <a href="# " class="b_b "><img src="upload/floor-1-3.png " alt=" "></a>
                            <a href="# "><img src="upload/floor-1-4.png " alt=" "></a>
                        </div>
                        <div class="col_221_1 ">
                            <a href="# "><img src="upload/floor-1-5.png " alt=" "></a>
                        </div>
                        <div class="col_221_2 ">
                            <a href="# " class="b_b "><img src="upload/floor-1-6.png " alt=" "></a>
                            <a href="# " class="b_r "><img src="upload/floor-1-7.png " alt=" "></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 电器楼层底部的logo -->
        <div class="jiadian_logo w ">
            <ul>
                <li><img src="upload/jiadian_logo_1.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_2.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_3.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_4.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_5.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_6.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_7.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_8.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_9.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_10.png " alt=" "></li>
            </ul>
        </div>
        <!-- 2楼手机通讯楼层 -->
        <div class="shouji ">
            <div class="box_hd ">
                <h3>家用电器</h3>
                <div class="tab_list ">
                    <ul>
                        <li>
                            <a href="# " class="style_red ">热门</a>|
                        </li>
                        <li>
                            <a href="# ">大家电</a>|
                        </li>
                        <li>
                            <a href="# ">生活电器</a>|
                        </li>
                        <li>
                            <a href="# ">厨房电器</a>|
                        </li>
                        <li>
                            <a href="# ">个护健康</a>|
                        </li>
                        <li>
                            <a href="# ">应季电器</a>|
                        </li>
                        <li>
                            <a href="# ">空气/净水</a>|
                        </li>
                        <li>
                            <a href="# ">新奇特</a>|
                        </li>
                        <li>
                            <a href="# ">高端电器</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="box_bd ">
                <div class="tab_content ">
                    <div class="tab_list_item ">
                        <div class="col_209 ">
                            <ul>
                                <li>
                                    <a href="# ">节能补贴</a>
                                </li>
                                <li>
                                    <a href="# ">4K电视</a>
                                </li>
                                <li>
                                    <a href="# ">空气净化器</a>
                                </li>
                                <li>
                                    <a href="# ">IH电饭煲</a>
                                </li>
                                <li>
                                    <a href="# ">滚筒洗衣机</a>
                                </li>
                                <li>
                                    <a href="# ">电热水器</a>
                                </li>
                            </ul>
                            <a href="# "><img src="upload/floor-1-1.png " alt=" "></a>
                        </div>
                        <div class="col_329 ">
                            <a href="# "><img src="upload/floor-1-2.png " alt=" "></a>
                        </div>
                        <div class="col_220 ">
                            <a href="# " class="b_b "><img src="upload/floor-1-3.png " alt=" "></a>
                            <a href="# "><img src="upload/floor-1-4.png " alt=" "></a>
                        </div>
                        <div class="col_221_1 ">
                            <a href="# "><img src="upload/floor-1-5.png " alt=" "></a>
                        </div>
                        <div class="col_221_2 ">
                            <a href="# " class="b_b "><img src="upload/floor-1-6.png " alt=" "></a>
                            <a href="# " class="b_r "><img src="upload/floor-1-7.png " alt=" "></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 电器楼层底部的logo -->
        <div class="jiadian_logo w ">
            <ul>
                <li><img src="upload/jiadian_logo_1.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_2.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_3.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_4.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_5.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_6.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_7.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_8.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_9.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_10.png " alt=" "></li>
            </ul>
        </div>
        <!-- 3楼电脑办公楼层 -->
        <div class="diannao ">
            <div class="box_hd ">
                <h3>家用电器</h3>
                <div class="tab_list ">
                    <ul>
                        <li>
                            <a href="# " class="style_red ">热门</a>|
                        </li>
                        <li>
                            <a href="# ">大家电</a>|
                        </li>
                        <li>
                            <a href="# ">生活电器</a>|
                        </li>
                        <li>
                            <a href="# ">厨房电器</a>|
                        </li>
                        <li>
                            <a href="# ">个护健康</a>|
                        </li>
                        <li>
                            <a href="# ">应季电器</a>|
                        </li>
                        <li>
                            <a href="# ">空气/净水</a>|
                        </li>
                        <li>
                            <a href="# ">新奇特</a>|
                        </li>
                        <li>
                            <a href="# ">高端电器</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="box_bd ">
                <div class="tab_content ">
                    <div class="tab_list_item ">
                        <div class="col_209 ">
                            <ul>
                                <li>
                                    <a href="# ">节能补贴</a>
                                </li>
                                <li>
                                    <a href="# ">4K电视</a>
                                </li>
                                <li>
                                    <a href="# ">空气净化器</a>
                                </li>
                                <li>
                                    <a href="# ">IH电饭煲</a>
                                </li>
                                <li>
                                    <a href="# ">滚筒洗衣机</a>
                                </li>
                                <li>
                                    <a href="# ">电热水器</a>
                                </li>
                            </ul>
                            <a href="# "><img src="upload/floor-1-1.png " alt=" "></a>
                        </div>
                        <div class="col_329 ">
                            <a href="# "><img src="upload/floor-1-2.png " alt=" "></a>
                        </div>
                        <div class="col_220 ">
                            <a href="# " class="b_b "><img src="upload/floor-1-3.png " alt=" "></a>
                            <a href="# "><img src="upload/floor-1-4.png " alt=" "></a>
                        </div>
                        <div class="col_221_1 ">
                            <a href="# "><img src="upload/floor-1-5.png " alt=" "></a>
                        </div>
                        <div class="col_221_2 ">
                            <a href="# " class="b_b "><img src="upload/floor-1-6.png " alt=" "></a>
                            <a href="# " class="b_r "><img src="upload/floor-1-7.png " alt=" "></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 电器楼层底部的logo -->
        <div class="jiadian_logo w ">
            <ul>
                <li><img src="upload/jiadian_logo_1.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_2.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_3.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_4.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_5.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_6.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_7.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_8.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_9.png " alt=" "></li>
                <li><img src="upload/jiadian_logo_10.png " alt=" "></li>
            </ul>
        </div>



        <!-- 楼层区域制作 end -->

        <!-- 底部模块的制作start -->
        <footer class="footer ">
            <div class="w ">
                <div class="mod_service ">
                    <ul>
                        <li>
                            <h5 class="h5_f1 "></h5>
                            <div class="service_txt ">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                        <li>
                            <h5 class="h5_f2 "></h5>
                            <div class="service_txt ">
                                <h4>急速物流</h4>
                                <p>急速物流，极速送达</p>
                            </div>
                        </li>
                        <li>
                            <h5 class="h5_f3 "></h5>
                            <div class="service_txt ">
                                <h4>无忧售后</h4>
                                <p>7天无理由退换货</p>
                            </div>
                        </li>
                        <li>
                            <h5 class="h5_f4 "></h5>
                            <div class="service_txt ">
                                <h4>特色服务</h4>
                                <p>私人定制家电套餐</p>
                            </div>
                        </li>
                        <li>
                            <h5 class="h5_f5 "></h5>
                            <div class="service_txt ">
                                <h4>帮助中心</h4>
                                <p>您的购物指南</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="mod_help ">
                    <dl>
                        <dt>服务指南</dt>

                        <dd>
                            <a href="# ">购物流程</a></dd>
                        <dd>
                            <a href="# "> 会员介绍</a></dd>
                        <dd>
                            <a href="# "> 生活旅行/团购</a></dd>
                        <dd>
                            <a href="# "> 常见问题</a></dd>
                        <dd>
                            <a href="# "> 大家电</a></dd>
                        <dd>
                            <a href="# "> 联系客服</a></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>

                        <dd>
                            <a href="# ">上门自提</a></dd>
                        <dd>
                            <a href="# "> 211限时达</a></dd>
                        <dd>
                            <a href="# "> 配送服务查询</a></dd>
                        <dd>
                            <a href="# "> 配送费收取标准</a></dd>
                        <dd>
                            <a href="# "> 海外配送</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>

                        <dd>
                            <a href="# ">货到付款</a>
                        </dd>
                        <dd>
                            <a href="# ">在线支付</a>
                        </dd>
                        <dd>
                            <a href="# ">分期付款</a>
                        </dd>
                        <dd>
                            <a href="# ">邮局汇款</a>
                        </dd>
                        <dd>
                            <a href="# ">公司转账</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>

                        <dd>
                            <a href="# ">售后政策</a>
                        </dd>
                        <dd>
                            <a href="# ">价格保护</a>
                        </dd>
                        <dd>
                            <a href="# ">退款说明</a>
                        </dd>
                        <dd>
                            <a href="# ">返修/退换货</a>
                        </dd>
                        <dd>
                            <a href="# "> 取消订单</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>

                        <dd>
                            <a href="# ">夺宝岛</a>
                        </dd>
                        <dd>
                            <a href="# "> DIY装机</a>
                        </dd>
                        <dd>
                            <a href="# "> 延保服务</a>
                        </dd>
                        <dd>
                            <a href="# "> 品优购E卡</a>
                        </dd>
                        <dd>
                            <a href="# "> 品优购通信</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>
                            <img src=".//images/wx_cz.jpg " alt="图片丢失 "> 品优购客户端
                        </dd>
                    </dl>
                </div>
                <div class="mod_copyright ">
                    <div class="links ">
                        <a href="# ">关于我们</a> | <a href="# ">联系我们</a> | <a href="# ">联系客服</a> | <a href="# ">商家入驻</a> | <a href="# ">营销中心</a> | <a href="# ">手机EZ购</a> | <a href="# ">友情链接</a> | <a href="# ">销售联盟</a> | <a href="#
                ">EZ购社区</a> | <a href="# ">EZ购公益</a> | <a href="# ">English Site</a> | <a href="# ">Contact U</a>
                    </div>
                    <div class="copyright ">
                        地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br> 京ICP备08001421号京公网安备110108007702
                    </div>
                </div>
            </div>
        </footer>
        <!-- 底部模块的制作end -->
</body>

</html>